.paralax{
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}

/* ----footer----- */

#footer{
    border-top: 2px grey solid;
}
.container-title{
    height: 250px;
    /* background: rgb(228, 115, 104); */
}
.container-title .title{
    position: absolute;
    margin-top: 50px;
    width: 100%;
    font-size: 40px;
    /* color: rgb(175, 245, 237); */
    color: white;

    text-shadow: 3px 3px 3px rgb(60, 60, 60),-1px -1px 3px rgb(60, 60, 60);
    z-index: 8;
}
.wave-title-1{
    height: 170px;
}
.wave-title-2{
    height: 120px;
}
.img-about{
    width: 250px;
    height: 250px;
}

.links-footer a{
    color: rgb(85, 86, 88);
}

.links-footer a:hover{
    color: rgb(148, 148, 148);
}

@media (max-width: 1600px) {

}

@media (max-width: 1300px) {

}

@media (max-width: 1200px) {
    #logo-footer{
        display: none;
    }
}

@media (max-width: 992px) {
    .container-title .title{

        margin-top: 40px;
        font-size: 38px;

    }
    .container-title{
        height: 200px;
    }
    .wave-title-1{
        height: 130px;
    }
    .wave-title-2{
        height: 90px;
    }
}

@media (max-width: 767px) {
    #logo-footer{
        display: inline-block;
    }
}
@media (max-width:576px) {
    .container-title .title{

        margin-top: 40px;
        font-size: 27px;

    }
    .container-title{
        height: 180px;
    }
    .wave-title-1{
        height: 110px;
    }
    .wave-title-2{
        height: 70px;
    }
    .links-footer a{
        text-align: center;
    }
}

@media (max-width:400px) {
    .container-title{
        height: 150px;
    }
    .wave-title-1{
        height: 90px;
    }
    .wave-title-2{
        height: 60px;
    }
}

@media (max-width:300px) {
    .img-about{
        width: 200px;
        height: 200px;
    }
}